---
title: TairoCollapseNavigation
description: The collapse navigation focuses on a single sidebar with a list of menu links.
components:
  - TairoCollapseNavigation
  - TairoCollapseNavigationCollapseLinks
icon:
  src: /img/illustrations/components/sidebar-icon.svg
  srcDark: /img/illustrations/components/sidebar-icon.svg
---

::doc-component-demo
---
title: Navigation expanded
demo: '#examples/tairo/layout-collapse.vue'
---
The collapse navigation is a single sidebar with a list of menu links, ideal for smaller apps if you don't have enough content or pages to use a more complex layout like the :doc-linker{to="TairoSidebarLayout"}.
::

::doc-component-demo
---
title: Navigation collapsed
demo: '#examples/tairo/layout-collapse-collapsed.vue'
---
The collapse layout can be folded into an icon sidebar. The collapse layout can have single menu links or submenu links. Clicking on a submenu link will revert the sidebar to its uncollapsed state.
::

:doc-component-meta{name="TairoCollapseNavigation"}
:doc-component-meta{name="TairoCollapseNavigationCollapseLinks"}

